@import url("../../style.less");

.page{
	height: 100vh;
    overflow: hidden;
    position: relative;
    &::before{
        content: ' ';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        opacity: .6;
        background-image : url('../../static/login-mask.png');
        background-size: 100% auto;
        background-position: center;
    }
}
.login-container{
	width: 80%;
	margin: 5vh auto 0;
    .logo{
    	margin: auto;
        text-align: center;
    	img{
    		width: 100%;
    	}
    }
	.title-wrapper{
		display: flex;
		justify-items: center;
		.welcome-tips{
			flex: 1;
			margin-left: 8rpx;
			transition: all .2s linear;
            font-family: SourceHanSansCN-Bold !important;
            font-size: 16px;
            color: #363b4c;
            font-weight: bold;
            font-weight: normal;
            line-height: 1.8;
            letter-spacing: 2rpx;
            display: block;
            text-align: center;
            .tips-text{
                margin-top: 10px;
            }
		}
	}
    .login-form{
        margin-top: 40px;
    }
	.code-wrapper{
		display: flex;
		.uni-easyinput{
			flex: 1;
			margin-right: 40rpx;
		}
	}
	.login-btn{
		margin-top: 40px;
	}
}
.uni-forms-item__label.no-label{
	width: 0!important;
}
.uni-easyinput{
	::v-deep .uni-easyinput__content-input{
		height: 88rpx;
		font-size: 32rpx!important;
	}
	.uni-easyinput__placeholder-class{
		font-size: 14px;
	}
}
